Ext.require([ '*' ]);

var puerto="8091";

Ext.onReady(function() {
 
	//ComboEmpresa
	var ComboEmpresa = Ext.create('Ext.data.Store', {
		fields: ['codigo', 'nombre'],
		proxy : {
			type : 'ajax',
			url : 'comboEmpresas.action',
			reader : {
				type : 'json',
				root : 'lstEmpresa'
			}
		}
	});
	
	var fsf = Ext.create('Ext.form.Panel', {
		url : 'registrarSugerencias.action',
        renderTo: 'sugerencias',
        title: 'Sugerencia',
        bodyStyle:'padding:5px 5px 0',
        width: '98%',
        fieldDefaults: {
            msgTarget: 'side',
            labelWidth: 75
        },
        defaults: {
            anchor: '100%'
        },
        items: [{
            xtype:'fieldset',
            title: 'Sugerencia',
            layout: 'anchor',
            defaults: {
                anchor: '30%'
            },
            items :[

				{
			    	//Aca Va El Combo EMpresa
			    	xtype: 'combo',
			        fieldLabel: 'Empresa',
			        name: 'empresa',
			        emptyText : 'Seleccione Empresa',
			        queryMode: 'remote',
			        store:ComboEmpresa,
			        valueField: 'codigo',
				    displayField: 'nombre',
				    editable: false,
			        width: 120
			    	 
			    },
			    ///////////////////////////////////////////////////////////
			        {
			    	//Definimos que es del tipo radio button
			    	xtype: 'radio',
			    	hideLabel: false,
			    	labelSeparator: '', 
			    	name: 'tipoSugerencia',
			    	boxLabel: 'Sugerencia',
			    	inputValue: '0',
			    	checked: true
			    	},{
			    	xtype: 'radio',
			    	hideLabel: false,
			    	labelSeparator: '', 
			    	name: 'tipoSugerencia',
			    	boxLabel: 'Queja',
			    	inputValue: '1',
			    	},{
			    	xtype: 'radio',
			    	hideLabel: false,
			    	labelSeparator: '', 
			    	name: 'tipoSugerencia',
			    	boxLabel: 'Reclamo',
			    	inputValue: '2',
			    	},
			    /////////////////////////////////////////////////////////
			    	
			    {
				  xtype: 'textarea',
				  hideLabel: true,
				  labelSeparator: '',
				  height: 100,
				  anchor: '100%',
				  name : 'comentario'
				}

            ]
            
        }],

        buttons: [{
            text: 'Registrar',
            handler : function() {
				var form = this.up('form').getForm();
				if (form.isValid()) {
					
					form.submit({
						waitTitle:'Conectando',
                    	waitMsg: 'Registrando...',
						success : function(form, action) {
							alert(action.result.msg);	form.reset();
							
						},
						failure : function(form, action) {
							Ext.Msg.alert('Error', action.result.msg);
						}
					});
				}
			}
        },{
            text: 'Cancelar'
        }]
    });
	
	
});
